<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>统计分析界面</title>
    <link rel="stylesheet" href="{{url_for('static',filename='css/base.css')}}">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
</head>

<body>
    <!--顶部-->
    <header class="header left">
        <div class="left nav">
            <ul>
					<li><a href="/index">数据概览</a> </li>
					<li><a href="/FlowContrl">客流量监控</a> </li>

            </ul>
        </div>
        <div class="header_center left">
			<h2><strong>杭州地铁1、2、4号线客流可视化</strong></h2>
			<p class="color_font"><small>HangZhou metro station</small></p>
        </div>
        <div class="right nav text_right">
            <ul>
                <li class="nav_active"><a href="/searchCount">查询统计</a> </li>
                <li><a href="/predict">客流预测</a> </li>
            </ul>
        </div>
    </header>
    <!--内容部分-->
    <div class="con left">
        <!--选择时间-->
        <div class="static_top left">
            <i></i><span>统计概况</span>
        </div>
        <!--数据总概-->
        <div class="stiatic_top_con left">

            <table>
                <tr>
                    <td class="labe_td">1、2、4号线总进站客流:</td>
                    <td class="sky">29309420</td>
                    <td class="labe_td">1、2、4号线总出站客流:</td>
                    <td class="sky">29327817</td>
                </tr>
                <tr>
                    <td class="labe_td">1号线总进站客流:</td>
                    <td>16800290</td>
                    <td class="labe_td">1号线总出站客流:</td>
                    <td class="org">16767197</td>
                </tr>
                <tr>
                    <td class="labe_td">2号线总进站客流:</td>
                    <td class="red">9342021</td>
                    <td class="labe_td">2号线总出站客流:</td>
                    <td>9367358</td>
                </tr>
                <tr>
                    <td class="labe_td">4号线总进站客流:</td>
                    <td>3167109</td>
                    <td class="labe_td">4号线总出站客流:</td>
                    <td class="org">3193262</td>
                </tr>
            </table>

        </div>
        <!--统计分析图-->
        <div class="static_top left">
            <i></i><span>统计分析一</span>
        </div>
        <div class="div_any">
            <div class="left div_any03">
                <div class="div_any_child01 left">
                    <div class="div_any_title">各线路工作日与周末占比 </div>
                    <p id="char1" class="p_chart"></p>
                    <div class="char_table">
                        <div class="table_p table_p01">
                            <table>
                                <thead>
                                    <tr>
                                        <th>排名</th>
                                        <th>线路时间段</th>
                                        <th>进站客流</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>1号线工作日</td>
                                        <td>13046329</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>2号线工作日</td>
                                        <td>7456696</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>1号线周末</td>
                                        <td>3753961</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>
                <div class="div_any_child01 left">
                    <div class="div_any_title">前十个工作日进站客流占比高的站点</div>
                    <p id="char2" class="p_chart"></p>
                    <div class="char_table">
                        <div class="table_p table_p01">
                            <table>
                                <thead>
                                    <tr>
                                        <th>排名</th>
                                        <th>站点名</th>
                                        <th>工作日进站客流占比</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>城星路站</td>
                                        <td>89.51%</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>盈丰路站</td>
                                        <td>84.19%</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>南星桥站</td>
                                        <td>83.73%</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <div class="static_top left">
                <i></i><span>统计分析二</span>
            </div>
            <div class="right div_any03">
                <div class="div_any_child01 left">
                    <div class="div_any_title">各线路早晚高峰对比 </div>
                    <p id="char3" class="p_chart"></p>
                    <div class="char_table">
                        <div class="table_p table_p01">
                            <table>
                                <thead>
                                    <tr>
                                        <th>排名</th>
                                        <th>线路名</th>
                                        <th>早晚高峰合进站客流</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>1号线</td>
                                        <td>646240</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>2号线</td>
                                        <td>449672</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>4号线</td>
                                        <td>161086</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="div_any_child01 left">
                    <div class="div_any_title">前十个早晚高峰站点 </div>
                    <p id="char4" class="p_chart"></p>
                    <div class="char_table">
                        <div class="table_p table_p01">
                            <table>
                                <thead>
                                    <tr>
                                        <th>排名</th>
                                        <th>站点名</th>
                                        <th>早晚高峰合进站客流</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>火车东站</td>
                                        <td>68816</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>彭埠站</td>
                                        <td>54118</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>客运中心站</td>
                                        <td>40528</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="static_top left">
                <i></i><span>统计分析三</span>
            </div>

            <div class="right div_any03">

                <div class="div_any_child01 left div_any_child01_wh">
                    <div class="div_any_title">各线路前五站点进站客流 </div>
                    <p id="char5" class="p_chart"></p>
                    <div class="char_table">
                        <div class="table_p table_p01">
                            <table>
                                <thead>
                                    <tr>
                                        <th>排名</th>
                                        <th>站点名</th>
                                        <th>进站客流</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>火车东站</td>
                                        <td>2337627</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>龙翔桥站</td>
                                        <td>1293521</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>江陵路站</td>
                                        <td>824432</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
    <script src="{{url_for('static',filename='js/base.js')}}"></script>
    <script src="{{url_for('static',filename='js/static.js')}}"></script>

</body>

</html>